//
// Breadcrumbs
// --------------------------------------------------


.breadcrumb {
  // padding: $breadcrumb-padding-vertical $breadcrumb-padding-horizontal;
  margin-bottom: ($line-height-computed / 2);
  font-size: $font-size-small;
  padding: 10px 0 0;
  list-style: none;
  // background-color: $breadcrumb-bg;
  border-radius: $border-radius-base;
  color: $gray;

  a{
    color: $gray;
    &:hover{
      color: $brand-primary;
    }
  }

  > li {
    display: inline-block;

    + li:before {
      content: "#{$breadcrumb-separator}\00a0"; // Unicode space added since inline-block means non-collapsing white-space
      padding: 0 5px;
      color: $breadcrumb-color;
    }
  }

  > .active {
    color: $breadcrumb-active-color;
  }
}
